
.block {display: block;}
.inline-block {display: inline-block;}
.inline {display: inline;}
.hidden {display: none;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-12 {font-size: 12px;}
.text-13 {font-size: 13px;}
.text-14 {font-size: 14px;}
.text-15 {font-size: 15px;}
.text-16 {font-size: 16px;}
.text-18 {font-size: 18px;}
.text-20 {font-size: 20px;}
.text-22 {font-size: 22px;}
.text-24 {font-size: 24px;}
.text-26 {font-size: 26px;}
.text-30 {font-size: 30px;}
.text-line-1 { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.text-line-2 { width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-line-3 { width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.text-line-4 { width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.hover-underline:hover {text-decoration: underline;}
.font-light {font-weight: 300}
.font-normal {font-weight: 400}
.font-medium {font-weight: 500}
.font-bold {font-weight: 700}
.font-black {font-weight: 900}
.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}
.clearfix:after {content: '';display: block;clear: both;}

.cursor-auto {cursor: auto;} /*默认*/
.cursor-default {cursor: default;}
.cursor-pointer {cursor: pointer;} /*常用*/
.cursor-wait {cursor: wait;}
.cursor-text {cursor: text;}
.cursor-move {cursor: move;}
.cursor-help {cursor: help;}
.cursor-not-allowed {cursor: not-allowed;}

.break-all {word-break: break-all;}

.static {position: static;}
.fixed {position: fixed;}
.absolute {position: absolute;}
.relative {position: relative;}
.sticky {position: sticky;}

.flex{display:flex;}
.flex-row {display:flex; flex-direction: row;}
.flex-row-reverse {flex-direction: row-reverse;}
.flex-col {flex-direction: column;}
.flex-col-reverse {flex-direction: column-reverse;}
.flex-wrap {flex-wrap: wrap;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-evenly {justify-content: space-evenly;}
.items-start {align-items: flex-start;}
.items-end {align-items: flex-end;}
.items-center {align-items: center;}
.items-stretch {align-items: stretch;}
.flex-1 {flex: 1 !important;}
.flex-none {flex: none !important;}
.gap-5 {gap: 5px;} .gap-10 {gap: 10px;} .gap-15 {gap: 15px;} .gap-20 {gap: 20px;} .gap-25 {gap: 25px;} .gap-30 {gap: 30px;}

.w-0 {width: 0 !important;}
.h-0 {height: 0 !important;}
.w-full {width: 100% !important;}
.h-full {height: 100% !important;}

.m-0 {margin:0 !important;}
.mx-0 {margin-left:0 !important;margin-right:0 !important;}
.my-0 {margin-top:0 !important;margin-bottom:0 !important;}
.mt-0 {margin-top:0 !important;}
.mr-0 {margin-right:0 !important;}
.mb-0 {margin-bottom:0 !important;}
.ml-0 {margin-left:0 !important;}
.m-5 {margin: 5px !important;}
.mx-5 {margin-left:5px !important;margin-right:5px !important;}
.my-5 {margin-top:5px !important;margin-bottom:5px !important;}
.mt-5 {margin-top:5px !important;}
.mr-5 {margin-right:5px !important;}
.mb-5 {margin-bottom:5px !important;}
.ml-5 {margin-left:5px !important;}
.m-10 {margin: 10px !important;}
.mx-10 {margin-left:10px !important;margin-right:10px !important;}
.my-10 {margin-top:10px !important;margin-bottom:10px !important;}
.mt-10 {margin-top:10px !important;}
.mr-10 {margin-right:10px !important;}
.mb-10 {margin-bottom:10px !important;}
.ml-10 {margin-left:10px !important;}
.m-15 {margin: 15px !important;}
.mx-15 {margin-left:15px !important;margin-right:15px !important;}
.my-15 {margin-top:15px !important;margin-bottom:15px !important;}
.mt-15 {margin-top:15px !important;}
.mr-15 {margin-right:15px !important;}
.mb-15 {margin-bottom:15px !important;}
.ml-15 {margin-left:15px !important;}
.m-20 {margin: 20px !important;}
.mx-20 {margin-left:20px !important;margin-right:20px !important;}
.my-20 {margin-top:20px !important;margin-bottom:20px !important;}
.mt-20 {margin-top:20px !important;}
.mr-20 {margin-right:20px !important;}
.mb-20 {margin-bottom:20px !important;}
.ml-20 {margin-left:20px !important;}
.m-25 {margin: 25px !important;}
.mx-25 {margin-left:25px !important;margin-right:25px !important;}
.my-25 {margin-top:25px !important;margin-bottom:25px !important;}
.mt-25 {margin-top:25px !important;}
.mr-25 {margin-right:25px !important;}
.mb-25 {margin-bottom:25px !important;}
.ml-25 {margin-left:25px !important;}
.m-30 {margin: 30px !important;}
.mx-30 {margin-left:30px !important;margin-right:30px !important;}
.my-30 {margin-top:30px !important;margin-bottom:30px !important;}
.mt-30 {margin-top:30px !important;}
.mr-30 {margin-right:30px !important;}
.mb-30 {margin-bottom:30px !important;}
.ml-30 {margin-left:30px !important;}
.m-40 {margin: 40px !important;}
.mx-40 {margin-left:40px !important;margin-right:40px !important;}
.my-40 {margin-top:40px !important;margin-bottom:40px !important;}
.mt-40 {margin-top:40px !important;}
.mr-40 {margin-right:40px !important;}
.mb-40 {margin-bottom:40px !important;}
.ml-40 {margin-left:40px !important;}
.m-50 {margin: 50px !important;}
.mx-50 {margin-left:50px !important;margin-right:50px !important;}
.my-50 {margin-top:50px !important;margin-bottom:50px !important;}
.mt-50 {margin-top:50px !important;}
.mr-50 {margin-right:50px !important;}
.mb-50 {margin-bottom:50px !important;}
.ml-50 {margin-left:50px !important;}

.p-0 {padding:0 !important;}
.px-0 {padding-left:0 !important;padding-right:0 !important;}
.py-0 {padding-top:0 !important;padding-bottom:0 !important;}
.pt-0 {padding-top:0 !important;}
.pr-0 {padding-right:0 !important;}
.pb-0 {padding-bottom:0 !important;}
.pl-0 {padding-left:0 !important;}
.p-5 {padding: 5px !important;}
.px-5 {padding-left:5px !important;padding-right:5px !important;}
.py-5 {padding-top:5px !important;padding-bottom:5px !important;}
.pt-5 {padding-top:5px !important;}
.pr-5 {padding-right:5px !important;}
.pb-5 {padding-bottom:5px !important;}
.pl-5 {padding-left:5px !important;}
.p-10 {padding: 10px !important;}
.px-10 {padding-left:10px !important;padding-right:10px !important;}
.py-10 {padding-top:10px !important;padding-bottom:10px !important;}
.pt-10 {padding-top:10px !important;}
.pr-10 {padding-right:10px !important;}
.pb-10 {padding-bottom:10px !important;}
.pl-10 {padding-left:10px !important;}
.p-15 {padding: 15px !important;}
.px-15 {padding-left:15px !important;padding-right:15px !important;}
.py-15 {padding-top:15px !important;padding-bottom:15px !important;}
.pt-15 {padding-top:15px !important;}
.pr-15 {padding-right:15px !important;}
.pb-15 {padding-bottom:15px !important;}
.pl-15 {padding-left:15px !important;}
.p-20 {padding: 20px !important;}
.px-20 {padding-left:20px !important;padding-right:20px !important;}
.py-20 {padding-top:20px !important;padding-bottom:20px !important;}
.pt-20 {padding-top:20px !important;}
.pr-20 {padding-right:20px !important;}
.pb-20 {padding-bottom:20px !important;}
.pl-20 {padding-left:20px !important;}
.p-25 {padding: 25px !important;}
.px-25 {padding-left:25px !important;padding-right:25px !important;}
.py-25 {padding-top:25px !important;padding-bottom:25px !important;}
.pt-25 {padding-top:25px !important;}
.pr-25 {padding-right:25px !important;}
.pb-25 {padding-bottom:25px !important;}
.pl-25 {padding-left:25px !important;}
.p-30 {padding: 30px !important;}
.px-30 {padding-left:30px !important;padding-right:30px !important;}
.py-30 {padding-top:30px !important;padding-bottom:30px !important;}
.pt-30 {padding-top:30px !important;}
.pr-30 {padding-right:30px !important;}
.pb-30 {padding-bottom:30px !important;}
.pl-30 {padding-left:30px !important;}
.p-40 {padding: 40px !important;}
.px-40 {padding-left:40px !important;padding-right:40px !important;}
.py-40 {padding-top:40px !important;padding-bottom:40px !important;}
.pt-40 {padding-top:40px !important;}
.pr-40 {padding-right:40px !important;}
.pb-40 {padding-bottom:40px !important;}
.pl-40 {padding-left:40px !important;}
.p-50 {padding: 50px !important;}
.px-50 {padding-left:50px !important;padding-right:50px !important;}
.py-50 {padding-top:50px !important;padding-bottom:50px !important;}
.pt-50 {padding-top:50px !important;}
.pr-50 {padding-right:50px !important;}
.pb-50 {padding-bottom:50px !important;}
.pl-50 {padding-left:50px !important;}


